<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<!-- 删除苹果默认的工具栏和菜单栏 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<!-- 设置苹果工具栏颜色 -->
	<!-- 启用360浏览器的极速模式(webkit) -->
	<meta name="renderer" content="webkit">
	<!-- 避免IE使用兼容模式 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
	<meta name="HandheldFriendly" content="true">
	<!-- 微软的老式浏览器 -->
	<meta name="MobileOptimized" content="320">
	<!-- uc强制竖屏 -->
	<meta name="screen-orientation" content="portrait">
	<!-- QQ强制竖屏 -->
	<meta name="x5-orientation" content="portrait">
	<!-- UC应用模式 -->
	<meta name="browsermode" content="application">
	<!-- QQ应用模式 -->
	<meta name="x5-page-mode" content="app">
	<!-- windows phone 点击无高光 -->
	<meta name="msapplication-tap-highlight" content="no">
	<title><%= data.title%></title>
	<link rel="stylesheet" href="/common/css/bootstrap.css">
	<link rel="stylesheet" href="/common/css/nav.css">
	<link rel="stylesheet" href="/common/css/main.css">
	<link rel="stylesheet" href="/common/css/footer.css">
	<base target="_blank">
	<style>
		.bg {
			/* width: 100%;
				height: 56px; */
			background: #180213;
			position: relative;
		}

		.bg img {
			position: absolute;
			width: 100%;
			z-index: -1;
			max-height: 100vh;
			
		}

		/* .main .article {
			background: #fff;
			padding: 22px 15px;
			min-height: 500px;
		} */
		
	</style>
</head>

<body>
	<div class="bg">
		<img src="/common/img/background.png" alt="">
	</div>
	<div class="container h5-container" id="detail">
		<!-- 头部 -->
		<div class="hidden-xs"><%- include('../template/nav.html', {searchValue: ''}) %></div>
		<div class="detail-header">资讯详情</div>
		<!-- 主体 -->
		<section class="main" id="wrapper">
			<div class="container article">
					<!-- 面包屑 -->
				<ol class="breadcrumb hidden-xs">
					<li><a href="../" target="_self">精武门</a></li>
					<li><a href="/info" target="_self">节目资讯</a></li>
					<li class="active">资讯详情</li>
				</ol>
				<div>
				<h1><%= data.title%></h1>
				<div class="createTime "><%= moment(data.createTime).format('YYYY年MM月DD日HH:mm') %></div>
				<div class="tab-content" >
					<%- data.content %>
				</div>
				<div class="handle clearfix">
					<% if(data.upTitle && data.upId){%>
						<a class="handle-last" href="/info/<%= data.upId%>">上一篇：<%= data.upTitle%></a>
					<%}%>
					<% if(data.nextTitle && data.nextId){%>
						<a class="handle-next" href="/info/<%= data.nextId%>">下一篇：<%= data.nextTitle%></a>
					<%}%>
				</div>
			</div>
			<!-- h5尾部 -->
			<%- include('../template/h5footer.html') %>	
		</section>
	
	</div>
	<!-- 尾部 -->
	<%- include('../template/PCfooter.html') %>
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="/common/js/fastclick.min.js"></script>
	<script src="/common/js/ejs.min.js"></script>
	<script src="/common/js/common.js"></script>
	<script src="/common/js/base.js"></script>
	<script>
			var $main = $('#wrapper');
      if (/Android|webOS| iPhone | iPod |BlackBerry|opera mini|opera mobile|appleWebkit.*mobile|mobile/.test(navigator.userAgent)) {

			} else {
				$main.css('padding-top', $('.navbar').height());
			}

	</script>
</body>

</html>